<script>
	import Vue from 'vue'
	export default {
		globalData: {
			trainWords: ['你', '我', '他', '伙', '青', '结', '学'],
			reqResults: [],
			initReqResults() {
				const wordsNum = this.trainWords.length
				for(let i=0;i<wordsNum;++i) {
					this.reqResults[i] = ''
				}
			},
		},
		onLaunch() {
			
		}
	}
</script>

<style>
	@import "colorui/main.css";
	@import "colorui/icon.css";
	@import "components/animate.css";
	
	@font-face {
		font-family: siyuan;
		src: url(/static/siyuan.otf);
	}

	body {
		width: 100%;
		height: 100vh;
		background-image: url(static/bg2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		padding: 5%;
		font-family: siyuan;
		
		--red: #e54d42;
	    --orange: #f37b1d;
	    --yellow: #fbbd08;
	    --olive: #8dc63f;
	    --green: #39b54a;
	    --cyan: #1cbbb4;
	    --blue: #0081ff;
	    --purple: #6739b6;
	    --mauve: #9c26b0;
	    --pink: #e03997;
	    --brown: #a5673f;
	    --grey: #8799a3;
	    --black: #333;
	    --darkGray: #666;
	    --gray: #aaa;
	    --ghostWhite: #f1f1f1;
	    --white: #fff;
	    --redLight: #fadbd9;
	    --orangeLight: #fde6d2;
	    --yellowLight: #fef2ce;
	    --oliveLight: #e8f4d9;
	    --greenLight: #d7f0db;
	    --cyanLight: #d2f1f0;
	    --blueLight: #cce6ff;
	    --purpleLight: #e1d7f0;
	    --mauveLight: #ebd4ef;
	    --pinkLight: #f9d7ea;
	    --brownLight: #ede1d9;
	    --greyLight: #e7ebed;
	    --gradualRed: linear-gradient(45deg,#f43f3b,#ec008c);
	    --gradualOrange: linear-gradient(45deg,#ff9700,#ed1c24);
	    --gradualGreen: linear-gradient(45deg,#39b54a,#8dc63f);
	    --gradualPurple: linear-gradient(45deg,#9000ff,#5e00ff);
	    --gradualPink: linear-gradient(45deg,#ec008c,#6739b6);
	    --gradualBlue: linear-gradient(45deg,#0081ff,#1cbbb4);
		
	}
	
	.glass {
		backdrop-filter: blur(4px);
		background-color: rgba(255, 255, 255, 0.25);
	}
	
</style>
